﻿<!DOCTYPE html>
<html lang="en">
    <head> 
        <title>SWTUNIS-INSAT</title>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<link rel="shortcut icon" href="images/tiny_beaker.png"> 
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/style2.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.css" media="all" />
		<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Coustard:900' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css' />
		<script type="text/javascript">
			$(function() {
			
				// the element we want to apply the jScrollPane
				var $el					= $('#jp-container').jScrollPane({
					verticalGutter 	: -16
				}),
						
				// the extension functions and options 	
					extensionPlugin 	= {
						
						extPluginOpts	: {
							// speed for the fadeOut animation
							mouseLeaveFadeSpeed	: 500,
							// scrollbar fades out after hovertimeout_t milliseconds
							hovertimeout_t		: 1000,
							// if set to false, the scrollbar will be shown on mouseenter and hidden on mouseleave
							// if set to true, the same will happen, but the scrollbar will be also hidden on mouseenter after "hovertimeout_t" ms
							// also, it will be shown when we start to scroll and hidden when stopping
							useTimeout			: true,
							// the extension only applies for devices with width > deviceWidth
							deviceWidth			: 980
						},
						hovertimeout	: null, // timeout to hide the scrollbar
						isScrollbarHover: false,// true if the mouse is over the scrollbar
						elementtimeout	: null,	// avoids showing the scrollbar when moving from inside the element to outside, passing over the scrollbar
						isScrolling		: false,// true if scrolling
						addHoverFunc	: function() {
							
							// run only if the window has a width bigger than deviceWidth
							if( $(window).width() <= this.extPluginOpts.deviceWidth ) return false;
							
							var instance		= this;
							
							// functions to show / hide the scrollbar
							$.fn.jspmouseenter 	= $.fn.show;
							$.fn.jspmouseleave 	= $.fn.fadeOut;
							
							// hide the jScrollPane vertical bar
							var $vBar			= this.getContentPane().siblings('.jspVerticalBar').hide();
							
							/*
							 * mouseenter / mouseleave events on the main element
							 * also scrollstart / scrollstop - @James Padolsey : http://james.padolsey.com/javascript/special-scroll-events-for-jquery/
							 */
							$el.bind('mouseenter.jsp',function() {
								
								// show the scrollbar
								$vBar.stop( true, true ).jspmouseenter();
								
								if( !instance.extPluginOpts.useTimeout ) return false;
								
								// hide the scrollbar after hovertimeout_t ms
								clearTimeout( instance.hovertimeout );
								instance.hovertimeout 	= setTimeout(function() {
									// if scrolling at the moment don't hide it
									if( !instance.isScrolling )
										$vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
								}, instance.extPluginOpts.hovertimeout_t );
								
								
							}).bind('mouseleave.jsp',function() {
								
								// hide the scrollbar
								if( !instance.extPluginOpts.useTimeout )
									$vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
								else {
								clearTimeout( instance.elementtimeout );
								if( !instance.isScrolling )
										$vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
								}
								
							});
							
							if( this.extPluginOpts.useTimeout ) {
								
								$el.bind('scrollstart.jsp', function() {
								
									// when scrolling show the scrollbar
								clearTimeout( instance.hovertimeout );
								instance.isScrolling	= true;
								$vBar.stop( true, true ).jspmouseenter();
								
							}).bind('scrollstop.jsp', function() {
								
									// when stop scrolling hide the scrollbar (if not hovering it at the moment)
								clearTimeout( instance.hovertimeout );
								instance.isScrolling	= false;
								instance.hovertimeout 	= setTimeout(function() {
									if( !instance.isScrollbarHover )
											$vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
									}, instance.extPluginOpts.hovertimeout_t );
								
							});
							
								// wrap the scrollbar
								// we need this to be able to add the mouseenter / mouseleave events to the scrollbar
							var $vBarWrapper	= $('<div/>').css({
								position	: 'absolute',
								left		: $vBar.css('left'),
								top			: $vBar.css('top'),
								right		: $vBar.css('right'),
								bottom		: $vBar.css('bottom'),
								width		: $vBar.width(),
								height		: $vBar.height()
							}).bind('mouseenter.jsp',function() {
								
								clearTimeout( instance.hovertimeout );
								clearTimeout( instance.elementtimeout );
								
								instance.isScrollbarHover	= true;
								
									// show the scrollbar after 100 ms.
									// avoids showing the scrollbar when moving from inside the element to outside, passing over the scrollbar								
								instance.elementtimeout	= setTimeout(function() {
									$vBar.stop( true, true ).jspmouseenter();
								}, 100 );	
								
							}).bind('mouseleave.jsp',function() {
								
									// hide the scrollbar after hovertimeout_t
								clearTimeout( instance.hovertimeout );
								instance.isScrollbarHover	= false;
								instance.hovertimeout = setTimeout(function() {
										// if scrolling at the moment don't hide it
									if( !instance.isScrolling )
											$vBar.stop( true, true ).jspmouseleave( instance.extPluginOpts.mouseLeaveFadeSpeed || 0 );
									}, instance.extPluginOpts.hovertimeout_t );
								
							});
							
							$vBar.wrap( $vBarWrapper );
							
						}
						
						}
						
					},
					
					// the jScrollPane instance
					jspapi 			= $el.data('jsp');
					
				// extend the jScollPane by merging	
				$.extend( true, jspapi, extensionPlugin );
				jspapi.addHoverFunc();
			
			});
		</script>
    </head>
    <body>
		<div class="container">
			<div class="header">
				<a class="main-logo" href="http://http://tunis.startupweekend.org/"></a>
				<span class="right_ab">
					<a href="#">conatc developer</a>
					<a href="http://www.insat.rnu.tn/"><strong>Insat</strong></a>
				</span>
			</div>
			<h1>Startup-Weekend<b>Tunis</b></h1>
			<div id="ca-container" class="ca-container">
				<div class="ca-wrapper">
					<div class="ca-item ca-item-1">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>INFOS</h3>
							<h4>
								
								<span>Startup-weekend Tunis est de retour pour sa 3ème version à l'INSAT</span>
							</h4>
								<a id="INFOS" href="#INFOS" class="ca-more">savoir plus...</a>
								
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>54h pour créer une startup  !</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>Startup Weekend Tunis 2 vient de se terminer le dimanche 18 décembre 2011 à INSAT. 
									Quinze projets étaient présentés, tous portés par des équipes formées le vendredi soir, 
									et qui ont su rapidement se mettre en ordre de marche pour donner le meilleur d’elles-même. 
									Pour être en contact avec nous voici quelques numéros de téléphones. Tél : 22 046 189 ou 24 180 587 ou 23 909 809. 
									Vous aurez les dates des prochains Startup Weekend en Tunisie. Le concept: Startup Weekend se déroule sur 54 heures intenses, 
									avec pour objectif de développer des projets de création d entreprise viables, notamment dans le domaines du web, du mobile, 
									industrie et GreenTech. L évènement rassemble des personnes aux profils variés et complémentaires, étudiants ou professionnels, 
									par exemple Designers, École de Commerce, Développeurs, Graphistes, Marketeurs, Juristes,... mais pas seulement, 
									tout le monde peut y participé, c est la magie du Startup Weekend ! Un jury qualifié évalue tous les projets à la fin du week-end.</p>
								</div>
								<ul>
									<li><a href="http://startupweekend.org"> Global Home </a></li>
									<li><a href="http://startupweekend.org/about">About Startup Weekend</a></li>
									<li><a href="#">Become a member</a></li>
									<li><a href="#">Donate</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-2">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>concept</h3>
							<h4>
								<span>Startup Weekend se déroule sur 54 heures intenses, 
									avec pour objectif de développer des projets de création d entreprise viables</span>
							</h4>
								<a id="CONCEPT" href="#CONCEPT" class="ca-more">savoir plus...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>La magie du Startup Weekend !</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>Le concept: Startup Weekend se déroule sur 54 heures intenses, 
									avec pour objectif de développer des projets de création d entreprise viables, notamment dans le domaines du web, du mobile, 
									industrie et GreenTech.</p> 
									<p> L évènement rassemble des personnes aux profils variés et complémentaires, étudiants ou professionnels, 
									par exemple Designers, École de Commerce, Développeurs, Graphistes, Marketeurs, Juristes,... mais pas seulement, 
									tout le monde peut y participé, c est la magie du Startup Weekend !</p>
									<p> Un jury qualifié évalue tous les projets à la fin du week-end.</p>
								</div>
								
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-3">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>Inscription</h3>
							<h4>
								
								<span>Startup weekend est ouvert à tout le monde peut y participé</span>
							</h4>
								<a id="INSCRIPTION" href="#INSCRIPTION" class="ca-more">savoir plus...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>Inscrivez vous !</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<p>ici fomre inscrit ...</p>
								</div>
								<ul>
									<li><a href="#">submit</a></li>
									<li><a href="#">reset</a></li>
									
								</ul>
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-4">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>Contact</h3>
							<h4>
								<span>Les organisateurs répondent à vos questions:</span>
							</h4>
								<a id="CONTACT" href="#CONTACT" class="ca-more">savoir plus...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>N’hésitez pas à poser des questions!</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									<div >
										<form id="contact-form" >

											<p>Votre Nom (indispensable)<br><span ><input type="text" name="your-name" value=""  size="40"></span> </p>
											<p>Votre Email (indispensable)<br><span ><input type="text" name="your-email" value="" size="40"></span> </p>
											<p>Sujet<br>span><input type="text" name="your-subject" value="" size="40"></span> </p>
											<p>Votre Message<br><span><textarea name="your-message" cols="40" rows="10"></textarea></span> </p>
											<ul>
												<li><a href="#">submit</a></li>
												<li><a href="#">reset</a></li>
											</ul>
										</form>
									</div>
								</div>
								
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-5">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>calendrier</h3>
							<h4>
								<span>"info a propos calendier"</span>
							</h4>
								<a id="CALENDRIER" href="#CALENDRIER" class="ca-more">savoir plus...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>Explorer Notre plan pour votre 54 de magie!</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
									qq info ici
								</div>
								<ul>
									<li><a href="#">voir en detail</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ca-item ca-item-6">
						<div class="ca-item-main">
							<div class="ca-icon"></div>
							<h3>Team</h3>
							<h4>
								<span>Startup weekend est l'effort d'une equipe dédiée et motivée ...</span>
							</h4>
								<a id="ORGANISATEURS" href="#ORGANISATEURS" class="ca-more">savoir plus...</a>
						</div>
						<div class="ca-content-wrapper">
							<div class="ca-content">
								<h6>Rencontrer notre equipe !</h6>
								<a href="#" class="ca-close">close</a>
								<div class="ca-content-text">
											<!--
<div id="jp-container" class="jp-container">
										<a  href="#">
											<img src="images/swOrganizer1.jpg"/>
											<div>
												<h3>Mohamed Amine Ouni</h3>
												<b>Responsabilité :</b> Président de l’association Startup System Tunisie (SUST)
											</div>
										</a>
										<a  href="#">
											<img src="images/swOrganizer2.jpg"/>
											<div>
												<h3>Jean François</h3>
												<b>Responsabilité :</b>  Vice Président de l’association Startup System Tunisie (SUST)
											</div>
										</a>
										<a  href="#">
											<img src="images/s.jpg"/>
											<div>
												<h3>Bechir saidane</h3>
												<b>Responsabilité :</b>  Financier
											</div>
										</a>
										
										<a  href="#">
											<img src="images/swOrganizer4.jpg"/>
											<div>
												<h3>Amira chaniour</h3>
												<b>Responsabilité :</b>  Customer Relationship Management (CRM)
											</div>
										</a>	
										<a  href="#">
											<img src="images/swOrganizer5.jpg"/>
											<div>
												<h3>Med salah M’barek</h3>
												<b>Responsabilité :</b>  Communication
											</div>
										</a>
										<a  href="#">
											<img src="images/swOrganizer6.jpg"/>
											<div>
												<h3>Jean Jacques valognes</h3>
												<b>Responsabilité :</b>  Communication
											</div>
										</a>
										<a  href="#">
											<img src="images/swOrganizer7.jpg"/>
											<div>
												<h3>Med wael laaraieth</h3>
												<b>Responsabilité :</b>  Rédaction
											</div>
										</a>
									</div> the jScrollPane script -->
								</div>
								<ul>
									<li><a href="#">facebook</a></li>
									<li><a href="#">twitter</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<h5>by wadi chemkhi </h5>
		</div>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<!-- the jScrollPane script -->
		<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
		<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
		<!-- the jScrollPane script -->
		<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
		<script type="text/javascript" src="js/scroll-startstop.events.jquery.js"></script>
		<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
		<link href='http://fonts.googleapis.com/css?family=PT+Serif+Caption:400,400italic' rel='stylesheet' type='text/css' />
		<script type="text/javascript">
			$('#ca-container').contentcarousel();
		</script>
		<script type="text/javascript" src="js/hashing.js"></script>
		
    </body>
</html>